<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Admin| User Management- Vietnam Travelholic</title>
 <link rel="shortcut icon" href="../assets/img/favicon.png">
<!-- Le styles -->
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../assets/css/global.css" rel="stylesheet">
    <link href="../assets/css/index.css" rel="stylesheet">
   	<link href="../css/manageuser.css" rel="stylesheet">
    <link href="../assets/font/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!--<link href="../assets/css/essential/slider2.css" rel="stylesheet">
    <link href="../assets/css/essential/social-icons.css" rel="stylesheet"> -->

    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="../assets/img/favicon.png">
<!--     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-57-precomposed.png"> -->
<!--    <style type="text/css" id="holderjs-style">.holderjs-fluid {font-size:16px;font-weight:bold;text-align:center;font-family:sans-serif;margin:0}</style> -->
<style>
.boder-from {
 border: 1px solid #FFFF;
 
}
.navbar{
background-color: transparent;


margin-top:-10px;
}
.title{
padding-top:10px;
height:50px;
font-size:20px;
margin-top:10px;
color: #fafafa;
background-color: #1D1F20;
padding-left:10px;
}
label{
color: black;
}
.navbar-inverse{
height:0px;
}
.content{
margin-top:80px;
}
.navbar-inner-top{
height:3px;
}
.navbar-inner-top .container{

text-align:center;
  padding:0px;
  padding-top:10px;
  background-color: #1D1F20;
  height:50px;
  margin:-10px;
}
.navbar-inner .container{
 background-color: #fafafa;
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.navbar-inner{
padding-left:0px;
padding-right:0px;
}
.current{
font-weight: bold;
}
.right{
display: block;
}
</style>
</head>
<body>
    <div class="navbar">
    <div class="title"> Admin Dashboard</div>
   
      <div class="navbar navbar-inverse">
        <div class="navbar-inner">
          <div class="container">
          <a class="brand" href="#"><img src="../assets/img/logo.png"
						width='52px' height='52px' /></a>
            <div class="nav-collapse collapse">
              <ul class="nav">
                <li class="current"><a href="#restaurants">Manage user</a></li>
                <li><a href="ManagePostAdmin.jsp">Manager post</a></li>
                
              </ul>
              <p class="navbar-form navbar-right right">
                <label class="active">Admin </label>  
                <a href="#" class="adminname">Tên admin</a>, <a href="login.jsp">Logout </a>
               </p>
            </div>
          </div>
        </div>
      </div>
    </div><!-- /.navbar-wrapper -->
<div class="content">
<h3 style="font-family: Helvetica Neue, Helvetica, Arial, sans-serif;color: #0088cc;">Manage user</h3>
<hr>

<div class="search">
	<input type="text" class="form-control style-search"/>
	<button type="button" class="btn btn-primary">Search</button>
</div>
<table class="table table-striped table-bordered table-hover ">
    <thead>
        <tr>
            <td>ID</td>
            <td>Loại tài khoản</td>
            <td>Tên người dùng</td>
            <td>Email</td>
            <td>Số điện thoại</td>
            <td>Ngày đăng ký</td>
            <td>Thao tác</td>
        </tr>
    </thead>

    <tbody>
    <tr class="danger">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>
     <button type="button" class="btn btn-primary">Xem</button>
     <button style="width: 150px;" type="button" class="btn btn-success" >Đổi quyền tài khoản</button>
     <button type="button" class="btn btn-danger">Xóa</button>

    </td>
    </tr>			
	</tbody>
	</table>
	</div>
</body>
</html>